<template>
  <div class="card-box">
    <div class="content-box" @click="toPage">
      <div class="addicon"><img src="./add.png" class="add"/></div>
      <div class="addtitle">添加工资卡</div>
    </div>
  </div>
</template>

<script>

  export default {
    methods: {
      toPage() {
        this.$router.push("/paycard_manage");
      }
    }
  }
</script>

<style lang="stylus" scoped>
  .card-box
    width: 100%
    height: 100%
    .content-box
      display: flex
      align-items: center
      justify-content: center
      width: 100%
      height: 1.667rem
      background: rgba(60, 175, 255, 1)
      border: 1px solid rgba(242, 242, 242, 1)
      .addicon
        width: 0.747rem
        height: 0.747rem
        margin-right: 0.187rem
        .add
          width: 100%
          height: 100%
      .addtitle
        font-size: 0.48rem
        color: rgba(255, 255, 255, 1)
</style>
